@charset "shift_jis";

/* 全タグのスタイルを初期化
-------------------------------------------------------------------------------------------------*/
*{
	padding:0px; margin:0px;
}

/* 各種タグの基本スタイルを設定
-------------------------------------------------------------------------------------------------*/
/* body */
body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:medium; line-height:120%;
	/* 文字色・背景・alignを指定 */
	color:#333333;
	background-color:#ffffff;
	text-align:center;
}

/* address */
address{
	font-style:normal;
}

/* img */
img{
	border:none;
}

/* p */
p{ line-height:140%; margin-bottom:1em; }

/* ul,ol */
ul,ol{	list-style:none; }

/* li */
li{	list-style-type:none; }

/* a */
a			{	color:#006699; text-decoration:none;}
a:link		{	color:#006699;}
a:hover		{	color:#CC3300; text-decoration:underline;}
a:visited	{	color:#006699;}


/* H1〜H6 */
h1{
	font-size:160%; line-height:105%;
	width:auto; margin:0px auto 1em;
}
h2{
	font-size:140%; line-height:105%;
	width:auto; margin:0px auto 1em;
}
h3{
	font-size:110%; line-height:105%;
		width:auto; margin:0px auto 0.2em;
}
h4{
	font-size:105%; line-height:105%;
	width:auto; margin:0px auto 0.2em;
}
h5{
	font-size:105%; line-height:105%;
	width:auto; margin:0px auto 0.2em;
}
h6{
	font-size:100%; line-height:105%;
	width:auto; margin:0px auto 0.2em;
}


/* 汎用スタイル(align)
-------------------------------------------------------------------------------------------------*/
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}

/* 汎用スタイル(valign)
-------------------------------------------------------------------------------------------------*/
.top{
	vertical-align:top;
}
.middle{
	vertical-align:middle;
}
.bottom{
	vertical-align:bottom;
}

/* 汎用スタイル(float)
-------------------------------------------------------------------------------------------------*/
.fl-left{
	float:left;
}
.fl-right{
	float:right;
}
.clear{
	clear:both;
}

/* 汎用スタイル(color)
-------------------------------------------------------------------------------------------------*/
/* 黒 */
.color-black{
	color:#000000;
}
/* 赤 */
.color-red{
	color:#DF0029;
}
/* バーミリオン */
.color-vermilion{
	color:#E5571D;
}
/* マジョルカブルー */
.color-majolica-blue{
	color:#205AA7;
}
/* セルリアンブルー */
.color-cerulean-blue{
	color:#00B6EE;
}
/* シアン */
.color-cyan{
	color:#00B2EB;
}
/* コバルトブルー */
.color-cobalt-blue{
	color:#00A0C6;
}
/* マラカイトグリーン */
.color-malachite-green{
	color:#007F4D;
}
/* グリーン */
.color-green{
	color:#009F62;
}
/* アップルグリーン */
.color-apple-green{
	color:#009F62;
}
/* グレープ */
.color-grape{
	color:#4A1A66;
}

/* 汎用スタイル(文字)
-------------------------------------------------------------------------------------------------*/
/* 極大 */
.txt-xxlarge{
	font-size:xx-large;
}
/* 特大 */
.txt-xlarge{
	font-size:x-large;
}
/* 大 */
.txt-large{
	font-size:large;
}
/* 中 */
.txt-medium{
	font-size:medium;
}
/* 小 */
.txt-small {
	font-size:small;
}

/* 特小 */
.txt-xsmall{
	font-size:x-small;
}
/* 極小 */
.txt-xxsmall{
	font-size:xx-small;
}

/* 注意文 */
.notes{
	font-size:x-small;
}

/* 電話番号 */
.txt-tel{
	font-family:Arial, Helvetica, sans-serif;
}

/* 日付 */
.txt-date{
	font-family:Arial, Helvetica, sans-serif;
}
/* 見出し文字 */
.txt-first-letter{
	font-size:200%;line-height:120%; font-weight:bold;
	padding-right:2px;
}

/* 汎用スタイル(マージン調整)
---------------------------------------------------------------*/
.no-margin{
	margin:0px auto;
}

/* 汎用スタイル(IMG)
---------------------------------------------------------------*/
/* 枠をつける */
img.pic-frame{
	padding:2px;
	border:solid 1px #a0a0a0;
}
	
/* アイコン */
img.mark{
	vertical-align:-2px;
	margin-right:5px;
}

/* 汎用スタイル(DL)
-------------------------------------------------------------------------------------------------*/
dl.list{
	width:auto; margin-bottom:1em;
}
dl.list dt{
	width:auto; margin:0px auto 0.2em;
}
dl.list dd{
	width:auto; padding:0px 0px 0px 1em; margin:0px auto 0.5em;
}

/* 汎用スタイル(UL、OL)
-------------------------------------------------------------------------------------------------*/
ul.list,
ol.list{
	list-style:disc;
	margin-bottom:1em;
}
ul.list li{
	list-style-type:disc;
	margin:auto auto 0.2em 2em;
}
ol.list li{
	list-style-type:decimal;
	margin:auto auto 0.2em 2em;
}
ol.square li,
ul.square li,
ul li.square{
	list-style-type:square;
}

/* 汎用スタイル(インデント調整)
-------------------------------------------------------------------------------------------------*/
.indent{
	text-indent:1em;
}

/* 汎用スタイル(パッダー)
-------------------------------------------------------------------------------------------------*/
.padder{
	padding-left:1em;
}

/* ページトップナビ用アンカー
-------------------------------------------------------------------------------------------------*/
a#page-top{	display:none;}

/* 汎用スタイル(ボタン)
-------------------------------------------------------------------------------------------------*/
a.btn,
a.btn:visited{
	color:#ffffff; text-decoration:none; font-weight:normal;
	background:#999999;
	text-align:center; display:block;
	width:auto; margin:0em auto; padding:1px 0.5em;
	border-style:solid; border-width:1px; border-color:#a0a0a0 #666666 #666666 #a0a0a0;
}
a.on,
a.btn:hover{
	color:#ffffff;
	background:#666666;
	border-style:solid; border-width:1px; border-color:#333333 #a0a0a0 #a0a0a0 #333333;
}

/* 汎用スタイル(サブミット)
-------------------------------------------------------------------------------------------------*/
a.submit{
	text-decoration:none; color:#333333;
	background:url(http://www.moth-ps.com/images/common/bg_btn_submit.gif) repeat left top;
	background-color:#f0f0f0;
	text-align:center; display:block;
	width:auto; margin:0px 0.5em; padding:3px 0px;
	border-style:solid; border-width:1px; border-color:#a0a0a0 #666666 #666666 #a0a0a0;
}
a.submit:hover{
	border-style:solid; border-width:1px; border-color:#666666 #a0a0a0 #a0a0a0 #666666;
}

/* IE用ハック
-------------------------------------------------------------------------------------------------*/
*html body{
	font-size:90%;
}